<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // const 代理对象 = new Proxy(原对象，{
    //   操作1： 函数1，
    //   操作2： 函数2，
    //   操作3： 函数3，
    //   .....
    // })

    var superStar = {
      name: '小罗', age: 40, aihao:'运动', techange: '时间管理'
    }

    var xiaowang = new Proxy(superStar, {
      // 获取属性的操作，会执行get
      // target: 代理原对象 --- superStar
      // prop: 当前要访问的属性
      // get()的返回值就是当前获取的属性值
      get: function(target, prop) {
        console.log(target, prop)
        if (prop === 'name') {
          return target[prop]
        }
        else if (prop === 'aihao') {
          return '我家小罗的爱好很健康'
        }
        else {
          return target[prop]
        }
      }
      // set: function() {}
    })

    console.log( xiaowang.name )
    console.log( xiaowang.aihao )
    console.log( xiaowang.cccccccccccccccc )














  </script>
</body>
</html>